<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.min.js"></script>
</head>
<body>
<div class="cls">
    <dl>
        <dt>{{title}}</dt>
        <dd>created : {{create}}</dd>
        <dd>mounted : {{mounteCount}}</dd>
    </dl>

</div>

<script>
    var v = new Vue({
        el : ".cls",
        data : {
            title : "Vue事件钩子函数",
            create : 0,
            mounteCount : 0,
        },
        created(){
            this.create ++;
        },
        mounted(){
            this.mounteCount ++;
        },
        updated(){
            // 每次更新data, 都会执行
            console.info("===================");
        }
    })


</script>


</body>
</html>